<!--产品详情信息-->
<template>
    <div class="product-detail">
        <el-row>
            <el-col :span="16">
                <a :href="prd.amazonLink" target="_blank" class="grid-content clearfix prd-detail">
                    <img :src="prd.picUrl" alt="" class="float-left">
                    <div class="float-left">
                        <h4 class="text-elps">{{prd.prdName}}</h4>
                        <p class="text-elps-2">{{prd.itemDescription}}</p>
                    </div>
                </a>
            </el-col>
            <el-col :span="4">
                <div class="prd-price text-center">
                    <h5>$ {{prd.priceCents | formatNumber}}</h5>
                    <p>{{$t('product.submitCoupons.txt4')}}</p>
                </div>
            </el-col>
            <el-col :span="4">
                <div class="prd-price text-center">
                    <h5>$ {{prd.backPriceCents | formatNumber}}</h5>
                    <p>{{$t('product.submitCoupons.txt5')}}</p>
                </div>
            </el-col>
        </el-row>


    </div>

</template>

<script>

    export default {
        props: {
            prd: {
                type: Object,
                default: function (argument) {
                    return {}
                }
            }
        },
        data() {
        return {

        }
    },
    created() {
    },
    methods: {

    }
    }
</script>
<style scoped>
    p {
        margin: 0;
    }
    .prd-detail img {
        height: 57px;
        width: 57px;
        margin-right: 16px;
    }

    .prd-detail	h4 {
        width: 196px;
        font-size: 13px;
        color: #333333;
        margin: 0;
        padding-bottom: 5px;
    }
    .prd-detail	p {
        width: 196px;
        font-size: 12px;
        color: #72808E;
        line-height: 17px;
    }

    .prd-price p {
        padding-top: 8px;
        font-size: 9px;
        color: #72808E;
    }
    .el-col-16 {
        padding-right: 20px;
    }
    .el-col-4 {
        padding-top: 10px;
    }
</style>
<style type="text/css">


</style>

